const path = require('path')
const resolve = dir => {
  return path.join(__dirname, dir)
}
module.exports = {

  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '基础服务',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
  },
  css: {
    requireModuleExtension: true,
    sourceMap: true,
    loaderOptions: {
      scss: {
        additionalData(content, loaderContext) {
          const { resourcePath, rootContext } = loaderContext;
          const relativePath = path.relative(rootContext, resourcePath);
          if (
            relativePath.replace(/\\/g, "/") !== "src/styles/index.scss"
          ) {
            return '@import "~@/styles/index.scss";' + content;
          }
          return content;
        },
      },
    },
  },
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('pdfjs-lib', 'pdfjs-dist')
  },
  productionSourceMap: false,
  devServer: {
    proxy: {
      '/fserver': {
        target: 'http://localhost:11034',
        ws: true,
      },
    },
  },
  lintOnSave: false,
}
